<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitMercury()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="mercury.html">Mercury</span>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="hide" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Mercury: The closest planet to the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/mercury.jpg"
                                alt="Mercury and its craters."
                                title="Mercury and its craters."/>
                        </tr>
                        <tr>
                            <p>Mercury's craters may freeze at night causing the temperatures to become 
                                extremely cold.</p>
                        </tr> 
                        <tr>
                            <img src="images/mercury2.jpg"
                                alt="Mercury is like the moon."
                                title="Mercury is like the moon."/>
                        </tr>
                        <tr>
                            <p>Mercury's surface is much like Earth's Moons surface, although Mercury has 
                                no moon of its own.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/mercurycomic.png"
                            alt="Introduction comic to the Mercury page."
                            title="Introduction comic to the Mercury page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/mercury.mp3" type="audio/mpeg">
                            <source src="audio/mercury.ogg" type="audio/ogg">
                            <source src="audio/mercury.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Mercury is the smallest planet in our solar system and can be found 
                        	    orbiting closet to the Sun. The core of Mercury of made of iron and 
                        	    nickel.</li>
                            <li>Mercury has an <em>eccentric orbit</em>, meaning its orbit is an 
                                ellipse rather than a circle. The elliptic shape causes Mercury's 
                                distance from the Sun to change throughout its 88 day orbit. Scientists 
                                say this odd pattern of orbiting is caused by the Sun's <em>gravitational 
                                pull</em> on Mercury.</li>
                     		<li>Mercury does not have seasons because it's axis does not tilt, unlike Earth 
                     		    whose axis tilts 23.4 degrees. Because there is no tilt the craters at each 
                     		    of it's poles have never seen light.</li>
                      		<li>Mercury has phases, similar to the Moon, that cause it to appear full and 
                      		    new.</li>
                      	</ul>
                          
                    <h3>History between Mercury and Humans</h3>  
                        <ul>
                            <li>American astronauts reached Mercury in 1974 and 1975 with the Mariner 10 
                                probe. The probe was only able to capture data and information for 45% of 
                                Mercury’s surface.</li> 
                            <li>In 2008, astronauts tried again to capture data on Mercury. This time 
                                they gathered more than 1,200 images of Mercury that were never seen 
                                before. Astronauts are still awaiting more information about 
                                Mercury as the probe spends time in orbit.</li>
                        </ul>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
